<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Login</title>
    <link rel="stylesheet" href="/Builder/css/core.css" type="text/css" />
    <link rel="stylesheet" href="/builder/css/uni-form.css" type="text/css" />

    <!--[if lte ie 6]>
      <style type="text/css" media="screen">
        .uniForm,
        .uniForm fieldset,
        .uniForm .ctrlHolder,
        .uniForm .formHint{ /* Trigger hasLayout, move to your IE specific stylesheet if possible */
          zoom:1;
        }
      </style>
    <![endif]-->

    <script src="/Builder/js/jquery.js" type="text/javascript"></script>
    <script src="/Builder/js/uni-form.jquery.js" type="text/javascript"></script>
    <script stc="http://digitalspaghetti.googlecode.com/files/jquery.pstrength.1.2.js"></script>
</head>
<body>
    <div id="Login">
            <form action="/" method="post" enctype="multipart/form-data" id="Form1" class="uniForm inlineLabels">
            <div id="errorMsg">
            <h3>Ooops! An error took place</h3>
              <ol>
                    <!-- create li tag with ahref to #error1 title=blah -->
              </ol>
            </div>
            <fieldset>
                <legend>Login to your account</legend>
                <div class="ctrlHolder">
                    <p class="formHint"><strong><em>*</em> Indicates a required field</strong></p>  
                    <label for="username"><em>*</em>Email Address:</label> 
                    <input id="username" size="35" maxlength="120" class="textInput" type="text" />
                    <p class="formHint">Note: Your email is your username. Example: User@domain.com</p>
                </div>
                <div class="ctrlHolder">
                    <p class="formHint">Note: Enter the password you've selected when you created the account.</p>
                    <label for="password"><em>*</em>Password:</label> 
                    <input id="password" size="35" maxlength="20" class="textInput" type="password"/>
                </div>
            </fieldset>
             <div class="buttonHolder">
                <button type="submit" class="submitButton">Login</button>&nbsp;&nbsp;<button type="button" class="submitButton">Forgot Password?</button>
             </div>	
            </form> 
        <br />
    </div>
    <div id="Register">
        <form action="/" method="post" enctype="multipart/form-data" id="Form2" class="uniForm">
        <div id="errorMsg">
        <h3>Ooops! An error took place</h3>
          <ol>
                <!-- create li tag with ahref to #error1 title=blah -->
          </ol>
        </div>
        <fieldset class="inlineLabels">
            <legend>Register for a new account</legend>
            <div class="ctrlHolder">
                <p class="formHint"><strong><em>*</em> Indicates a required field</strong></p>  
                <label for="new_username"><em>*</em>Email Address:</label> 
                <input id="new_username" size="35" maxlength="120" class="textInput" type="text" />
                <p class="formHint">Note: Your email is your username. Use a valid email address.</p>
            </div>
            <div class="ctrlHolder">
                <p class="formHint">Note: enter a god enough password that is strong and can be remembered. But it's up to you.</p>
                <label for="new_password"><em>*</em>Password:</label> 
                <input id="new_password" size="35" maxlength="20" class="textInput" type="password"/>
                <script type="text/javascript">
                // password strength
                //$(function(){
                //  $('#new_password').pstrength();
                //});
                </script>
            </div>
            <div class="ctrlHolder">
                <p class="formHint">Note: Please enter the same password as above.</p>
                <label for="new_password_confirm"><em>*</em>Confirm Password:</label> 
                <input id="new_password_confirm"  size="35" maxlength="20" class="textInput" type="password"/>
            </div>
        </fieldset>
        <div class="buttonHolder">
            <button type="submit" class="submitButton">Submit</button>
        </div>	                
        </form>
    </div>
</body>
</html>
